<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="renderer" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>聚衣商城</title>
  <link rel="stylesheet" href="../../lib/css/reset.min.css">
  <link rel="stylesheet" href="../../css/all.min.css">
</head>
<body>
    <div class="app-wrap" v-cloak id="pingjia_list">
        <header-top></header-top>
        <user-top></user-top>
        <div class="bg-gray">
            <div class="container userCenter clear">
                <leftnav navtext="评价管理"></leftnav>
                <div class="save_content">
                    <ul class="tabs cust_list_tabs">
                        <li class="li-tab" v-for="(item,index) in pingjia_list" @click="toggleTabs(index)" :class="{active:index!=nowIndex}">
                            <span>{{item}}</span>
                        </li>
                    </ul>
                    <div class="divTab shop_tabs">
                        <div class="search-top">
                            <input v-model="keyWord" class="input_top" type="text" placeholder=" 商品名称或订单号 ">
                            <button @click="toggleTabs(nowIndex)" class="btn-search">订单搜索</button>
                        </div>
                        <div class="cust_list pingjia_list"  v-show="nowIndex===0">
                            <div class="cust_title">
                                <ul class="clear">
                                    <li>商品</li>
                                    <li>商品价格</li>
                                    <li>数量</li>
                                    <li>收货人</li>
                                    <li>实付款</li>
                                    <li>操作</li>
                                </ul>
                            </div>
                            <div class="cust_item pingjia_item" v-if="pinJianList" v-for="(item,index) in pinJianList">
                                <div class="cust_item_title">
                                    <span class="checkbox"></span>
                                    <span class="date"> {{item.createTime}}</span>
                                    <span class="number">订单编号：{{item.orderNumber}}</span>
                                    <span class="goods_name">聚衣服饰平台<i class="icon-login_qq"></i></span>
                                </div>
                                <div class="cust_item_con">
                                    <ul class="clear">
                                        <li>
                                            <div class="goods_img">
                                                <img :src="item.orderProducts[0].picImg" alt="">
                                            </div>
                                            <div class="goods_name">
                                                <p>{{item.orderProducts[0].name}}</p>
                                            </div>
                                        </li>
                                        <li class="price">${{item.orderAmount}}</li>
                                        <li class="number">{{item.buyNumber}}</li>
                                        <li class="name">{{item.userName}}</li>
                                        <li class="price1 price_red">${{item.payAmount}}</li>
                                        <li>
                                            <div class="groups">
                                                <a :href="'evaluate.html?orderId='+item.orderId"class="btns">评价</a>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- 待追评列表 -->
                        <div class="cust_list pingjia_list" v-if="nowIndex===1">
                            <div class="cust_title">
                                <ul class="clear">
                                    <li>商品</li>
                                    <li style="width:370px;">评价时间</li>
                                    <li>操作</li>
                                </ul>
                            </div>
                            <div class="cust_item pingjia_item">
                                <div class="cust_item_con" v-if="list1" v-for="item in list1">
                                    <ul class="clear">
                                        <li>
                                            <div class="goods_img">
                                                <img :src="item.picImg" >
                                            </div>
                                            <div class="goods_name">
                                                <a href="">
                                                    <p class="title">{{item.productName}}</p>
                                                </a>
                                            </div>
                                        </li>
                                        <li class="datetime">{{globalAPI.getDate({n:item.createTime,format:"YYYY-MM-DD hh:mm:ss"})}}</li>

                                        <li>
                                            <div class="groups">
                                                <a href="#" class="btns">追加评价</a>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- 已评价列表 -->
                        <div class="cust_list pingjia_list" v-if="nowIndex===2">
                            <div class="cust_title">
                                <ul class="clear">
                                    <li>商品</li>
                                    <li style="width:370px;">评价时间</li>
                                    <li>操作</li>
                                </ul>;
                            </div>
                            <div class="cust_item pingjia_item">
                                <div class="cust_item_con" v-if="list2" v-for="item in list2">
                                    <ul class="clear">
                                        <li>
                                            <div class="goods_img">
                                                <img :src="item.picImg" >
                                            </div>
                                            <div class="goods_name">
                                                <a href="">
                                                    <p class="title">{{item.productName}}</p>
                                                </a>
                                            </div>
                                        </li>
                                        <li class="datetime">{{globalAPI.getDate({n:item.createTime,format:"YYYY-MM-DD hh:mm:ss"})}}</li>

                                        <li>
                                            <div class="groups">
                                                <a href="#">查看评价</a>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- 分页 -->
                        <common-page :current="1" :all="titalCount" @btn-click="listen"></common-page>
                    </div>


                </div>
            </div>
        </div>
    </div>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        pingjia_list0();
    </script>
</body>

</html>